<div id="call">
    <h2 class="mb-4">通话记录管理</h2>
    <div class="mb-3">
        <input type="text" id="record-account" class="form-control" placeholder="请输入账号">
    </div>
    <button class="btn btn-primary me-2" onclick="getCallRecords()">查询通话记录</button>
    <button class="btn btn-secondary" onclick="clearCallRecords()">清空通话记录</button>
    <p class="mt-3">注：系统每天午夜12点自动清空通话记录。</p>
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th>手机号</th>
            <th>开始时间</th>
            <th>消息</th>
        </tr>
        </thead>
        <tbody id="status-table-body">
        <!-- 动态加载的内容 -->
        </tbody>
    </table>
    <!-- 分页控件 -->
    <nav>
        <ul class="pagination" id="pagination">
            <!-- 动态生成分页按钮 -->
        </ul>
    </nav>
</div>
<style>
    .table td {
        max-width: 200px;
        overflow-x: auto;
        white-space: nowrap;
    }
</style>